<template>
  <div>
    <ul>
      <li v-for="item in result">
        {{item.name}}
      </li>
    </ul>
  </div>
</template>

<script>
  import {getList} from "../api/users";

  export default {
    data() {
      return {
        result: []
      }
    },
    name: "erupt",

    //
    // node 脚本 : 写过脚本 处理过高并发  生成文件夹 fs.mkdir
    // npm 发一个包 读取一个文件 xxx.json的文件 ['中文',] 命令 执行脚本  创建文件夹
    // 1. 脚本
    // 2. 发包
    // 3.  bin:{create:'脚本'} #! /bin/env.. node
    // 4. 参数 -f 文件地址
    // 5. 生成对应目录
    // 接口 https:// 文件夹
    // ['接口','书','本','国家','代码','']
    //https://gitee.com/search/translate?q=接口
    //
    methods: {
      asyncFun(n) {
        return new Promise((resolve, reject) => {
          // axios({
          //   params:'中文'
          // }).then(res=>{
          //   resolve(res.data);
          // })
          setTimeout(() => {
            resolve(n)
          }, 200);

        })
      },
    },
    async created() {
      // let promises = [];
      // // 异步请求
      // for (let i = 0; i < 100; i++) {
      //   promises.push(this.asyncFun(i));
      //   // console.log(res);
      // }
      // Promise.all(promises).then(res => {
      //   // console.log(res);//数组
      //   for (let i = 0; i < res.length; i++) {
      //     console.log(res[i])
      //   }
      // });

      let res = await getList();
      this.result = res.result;

    }

    // promise.all([promise实例]) : 执行高并发

  }
</script>

<style scoped>

</style>
